import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
Vue.component('svg-icon', SvgIcon)

/**
 * require.context webpack的api 实现自动导入模块
 * 这个api可以接收三个参数
 * 第一个参数： 读取文件的路径
 * 第二个参数： 是否遍历文件的子目录
 * 第三个参数： 匹配文件的正则
 */
const req = require.context('./svg', false, /\.svg$/)
/**
 * require.context函数执行后返回的是一个函数,并且这个函数有3个属性
 * 1. resolve {Function} -接受一个参数request,request为test文件夹下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径
 * 2.keys {Function} -返回匹配成功模块的名字组成的数组
 * 3.id {String} -执行环境的id,返回的是一个字符串,主要用在module.hot.accept,应该是热加载?
*/
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
